import React, { useEffect, useRef, useState } from "react";
import { Avatar, Button } from "antd-mobile";
import dayjs from "dayjs";
import { AVATAR_URL } from "@/config";

const pageName = "rank.item";
const klassName = pageName.replace(/\./g, '-');

export default function RankItem({self, isColumns, item}) {

  return (
    <div className={`cp-${klassName}`}>
      <div className="inner">
        <div className="rank">
          {item?.created_date}
        </div>
        <div className="profile">
          <div className="name">
            {item?.name || `/`}
          </div>
        </div>

        <div className="value">
          {item?.score}
        </div>
      </div>
    </div>
  )
}

